{% extends 'base.html' %}

{% block title %}Edit Sushi{% endblock %}

{% block content %}

{# Doing a bit of shenanigan, and using the same form for create and edit #}
{# `if` statements in Jinja are explained here: https://jinja.palletsprojects.com/en/2.11.x/templates/#tests #}

<p>The chosen action for the page is: {{ action }}</p>
<p><em>The value of the <code>action</code> variable is defined in <code>flask_app.py</code></p>

{# If action is "edit" then show the edit form. Otherwise (the action is "create"), show the create form. The forms are largely the same; only the label and action URL are different. #}

{% if action == "edit" %}
    <h2>Edit Sushi</h2>
    <form action="{{ url_for('update_sushi', id=sushi.id) }}" method="post"> {# Use the method name, not the route name in url_for #}
{% else %}
    <h2>Create Sushi</h2>
    <form action="{{ url_for('update_sushi', id=0) }}" method="post">
{% endif %}

<p>
  <label for="name">Name: </label>
  <input name="name" value="{{ sushi.name|escape }}">
</p>

<p>
  <label for="price">Price: </label>
  <input name="price" value="{{ sushi.price|escape }}">
</p>

<p>
{% if action == "edit" %}
    <button type="submit">Edit</button>
{% else %}
    <button type="submit">Create</button>
{% endif %}
</p>

</form>

{% if action == "edit" %}
{# Only offer delete if the item already exists #}
  <form action="{{ url_for('delete_sushi', id=sushi.id) }}" method="post">
      <button type="submit">Delete this sushi forever</button>
  </form>
{% endif %}

{% endblock %}